<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	.px2rem(@name,@px){
	    @{name}:@px / 75 * 1rem;
	}
	html,body,.box{
		width: 100%;
	}
	*{
		margin: 0;
		padding: 0;
	}
	li{
		list-style: none;
	}
	.box{
		height: 112rem;
		border: 2rem solid #006699;
	}
	.top{
		height: 15rem;
	}
	.top  h1{
		font-size: 5.5rem;
		color: #888888;
		text-align: center;
		font-family: 宋体;
		margin-top: 2rem;
	}
	.top p{
		font-size: 3rem;
		text-align: center;
		padding-top: 1.5rem;
	}
	.mid .data1 li{
		margin-left: 8rem;
		margin-top: 3rem;
	}
	.mid .data1 li input{
		width: 45rem;
		height: 10rem;
		font-size: 2.5rem;
		border:0.1rem solid #ccc;
	}
	.mid .data2 li{
		float: left;
	}
	.mid .data2 li:nth-child(1) input{
		width: 22rem;
		height: 10rem;
		background: #ff1313;
		margin-left: 6rem;
		margin-top: 6rem;
		font-size: 2.5rem;
		color:#fff;
	}
	.mid .data2 li:nth-child(2) input{
		width: 22rem;
		height: 10rem;
		background: green;
		margin-left: 6rem;
		margin-top: 6rem;
		font-size: 2.5rem;
		color:#fff;
	}
	footer{
		clear: both;
		height: 14rem;
		line-height: 14rem;
		font-size: 2.5rem;
		text-align: center;
	}
	</style>
</head>
<body>
	<div class="box">
		<div class="top">
			<h1>用户注册</h1>
			<p>大宽 is my good deskmate!</p>
		</div>
		<div class="mid">
			<ul class="data1">
				<li><input type="text" placeholder="请输入用户名"></li>
				<li><input type="text" placeholder="请输入您的密码"></li>
				<li><input type="text" placeholder="请输入您的确认密码"></li>
				<li><input type="text" placeholder="请输入您常用的邮箱地址"></li>
				<li><input type="text" placeholder="年/月/日"></li>
			</ul>
			<ul class="data2">
				<li><input type="button" value="验证提交" id="dk"></li>
				<li><input type="submit" value="无验证提交"></li>
			</ul>
		</div>
		<footer>
			<p>已有账号<a href="#">登录</a></p>
		</footer>
	</div>
</body>
<script src="jquery-1.11.3.min.js"></script>
<script>
	$("#dk").click(function(){
		console.log(11111)
		var stor=localStorage.getItem("name");
		stor=stor ? JSON.parse(stor) : [];
		var obj={
			nam:$(".data1 li input").eq(0).val(),
			pwd:$(".data1 li input").eq(1).val(),
			cfm:$(".data1 li input").eq(2).val(),
			eml:$(".data1 li input").eq(3).val(),
			time:$(".data1 li input").eq(4).val()
		}
		stor.push(obj);
		localStorage.setItem("name",JSON.stringify(stor))
	})
</script>
</html>